.{$rate-prefix}
  height 30px
  line-height 30px
  box-sizing border-box
  cursor pointer
  background-color $white-color
  > span
    font-size 18px
    display inline-block
    margin-right 3px
    color $gray2-color
    transition all $transition-time
    &:hover
      > i
        transform scale(1.25)
  &[readonly]
    pointer-events painted
    cursor default
    > span
      &:hover
        > i
          transform scale(1.1)
  .{$rate-prefix}-on
    color $yellow-color
  .{$rate-prefix}-value
    font-size 16px
    color $yellow-color
